<template>
  <div>
    <van-nav-bar
      title="换绑手机"
      left-arrow
      :fixed="true"
      @click-left="onClickLeft"
     
    />
    <div id="xgsj">
      <van-cell-group>
        <van-field v-model="value" placeholder="153****2156" />
      </van-cell-group>
    </div>
    <div id="yzms">
      <van-cell-group>
        <van-field v-model="sms" center clearable  placeholder="验证码">
          <van-button slot="button" size="small" type="primary">获取验证码</van-button>
        </van-field>
      </van-cell-group>
    </div>
    <div id="qhs">
        <p>收不到短信？使用语音验证码</p>
    </div>
    <div >
        <button id="bds" @click="tapd">验证后绑定新手机</button>
    </div>
  </div>
</template>


<script>
    let li = document.querySelectorAll('li')
    console.log(li)
export default {
  name: "Xgsjhfb",
  data(){
      return{
         value:'' ,
         sms:'',
         list:[1,2,3],
         ipt:''
      }
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    tapd(){
       this.$router.push('/szmmfb')
    },
  },
  
};
</script>


<style scoped>
.van-button--small{font-size:14px;}
#xgsj{margin-top:83px;}
#yzms{margin-top:13px;}
#qhs{font-size:12px;color:#101010;margin-top:21px;}
#bds{width:344px;height:40px;margin-top:5px;}
</style>
